<template>
    <div class="container">
        <functions_box class="_box" @click.native="go_create" :imgUrl="add" :value="'新建项目'"></functions_box>
        <functions_box class="_box" :imgUrl="project" :value="'个人/加入团队的项目'"></functions_box>
        <functions_box class="_box" :imgUrl="resource" :value="'管理资源'"></functions_box>
        <functions_box class="_box" :imgUrl="hezuo" :value="'合作开发'"></functions_box>
    </div>
</template>

<script>
    import functions_box from "../atom/function_box.vue"

    export default {
        data(){
            return{
                add: "./resource/image/add.png",
                project: "./resource/image/project.png",
                resource: "./resource/image/resource.png",
                hezuo:"./resource/image/hezuo.png"
            }
        },
        name: "functions_box_contain",
        methods:{
          go_create(){
              this.$router.push('/create');
          }
        },
        components: {
            functions_box
        }
    }
</script>

<style scoped lang="less">
    .container {
        display: flex;
        justify-content: center;

        ._box {
            height: 200px;
            width: 200px;
            margin-left: 20px;
        }
    }
</style>